.translation-edit {
  width: 100%;
}

.jipt {
  padding-right: 15px;
  padding-left: 15px;
}

.previousText {
  margin-bottom: 15px;
  color: var(--color-grey);
  font-size: 12px;
}

.previousText-label {
  color: var(--color-gray);
  font-weight: bold;
}

.previousText-empty {
  font-style: italic;
}

.previousText-text {
  white-space: pre-wrap;
  font-size: 11px;
}

.actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
}

.form {
  position: relative;
}

.form-improve[data-rtl] {
  left: 6px;
  right: auto;
}

.form-improve {
  position: absolute;
  right: 6px;
  top: 6px;
}

.actions-link {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: var(--color-primary);
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;

  &:focus,
  &:hover {
    opacity: 0.7;
  }
}

.actions-link-icon {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  stroke: var(--color-primary);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}

.actions-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;

  & > :global(.button) {
    margin-left: 10px;
  }
}

.actions-button-revert {
  opacity: 0.6;

  :global(.label) {
    padding: 3px 2px;
  }
}
